@import url('@/static/style/common.less');
.flex{
	display: flex;
}
.login{
	position: relative;

	.banner{
		width: 750rpx;
		height: 557rpx;
		background: url('/static/images/login-banner.png')no-repeat;
		background-size: 100%;
		top: 0;
		.register{
			position: absolute;
			right: 40rpx;
			top: 70rpx; 
			font-size: 36rpx;
			color: #fff;
		}
		.title-versions{
			width: 100%;
			text-align: center;
			position: absolute;
			top: 120rpx;
			// margin-top: 100rpx;
			color: #FFFFFF;
			.title{
				font-size: 72rpx;
				font-weight: 600;
				letter-spacing: 8rpx;
				font-family: SourceHanSansCN-Medium;
			}
			.versions{
				font-size: 30rpx;
				margin-top: 18rpx;
			}
		}
	}
	.input-box{
		position: absolute;
		top: 465rpx;
		left: 50%;
		transform: translateX(-50%);
		width: 97%;
		margin: auto;
		height: 621rpx;
		background: url('/static/images/login-ridus.png') no-repeat;
		background-size: 100%;
		padding: 20rpx 0;
		.box-size{
			width: 587rpx;
			margin: auto;
			.border-bottom{
				width: 100%;
				border-bottom: 1px solid #E5E5E5;
				margin-top: 80rpx;
				.black-line{
					.flex;
					align-items: center;
					padding-left: 42rpx;
					margin-bottom: 25rpx;
					.icon{
						width: 30rpx;
						height: 40rpx;
						margin-right: 36rpx;
					}
					input{
						font-size: 34rpx;
						width: 400rpx;
						outline: none;
						border: none;
					}
					.eye{
						width: 40rpx;
						height: 30rpx;
						margin-left: auto;
						margin-right: 15rpx;
					}
					.pstyle{
						color:#cccccc;
					}
				}
			}
			.login-in{
				margin-top: 49rpx;
				button{
					.custom-button;
				}
			}
			.other{
				.flex;
				padding: 0 25rpx;
				justify-content: space-between;
				margin-top: 30rpx;
				text{
					color: #999999;
					font-size: 30rpx;
				}
			}
			
		}
	}
	.news{
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 40rpx;
		color: #5696F8;
	}
}